<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Student Feedback</title> 
<link rel="shortcut icon" href="favicon.ico" mce_href="http://www.thenameofyoursitehere.com/favicon.ico"/>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.MetaData.js"></script>
<script type="text/javascript" src="js/jquery.rating.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/jquery.sparkline.js"></script>
<script type="text/javascript">


    $(function() {
        /** This code runs when everything has been loaded on the page */
        /* Inline sparklines take their values from the contents of the tag */
        $('.inlinesparkline').sparkline(); 

        /* Sparklines can also take their values from the first argument 
        passed to the sparkline() function */
        var myvalues = [10,8,5,7,4,4,1];
        $('.dynamicsparkline').sparkline(myvalues);

        /* The second argument gives options such as chart type */
        $('.dynamicbar').sparkline(myvalues, {type: 'bar', barColor: 'green'} );

        /* Use 'html' instead of an array of values to pass options 
        to a sparkline with data in the tag */
        $('.inlinebar').sparkline('html', {type: 'bar', barColor: '#ccc'} );
    });
    </script>


<script type="text/javascript">
$(function() {
    //find all form with class jqtransform and apply the plugin
    $("form.jqtransform").jqTransform();
});
</script>
<script type="text/javascript" src="js/Droid_Sans_400-Droid_Sans_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.droid');
</script>
<script type="text/javascript" src="js/DIN_Alternate_400-DIN_Alternate_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.din');
</script>
<script type="text/javascript" src="js/jquery.clearfield.js"></script>
<script type="text/javascript" >
	$(document).ready(function() {
		$('.clearField').clearField();
	});
</script>

<link href="css/jquery.rating.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/jqtransform.css" type="text/css" media="all" />
<link href="css/sfbaru.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/jqtransform.css" type="text/css" media="all" />
<link href="css/sfbaru.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.rating.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="sflogo"><img src="images/logosf.png" width="289" height="111" /></div>
<table width="744" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="back1">&nbsp;</td>
    <td align="center" class="back2"><div class="droid" id="judul-bar">CDA-5 | Comprehensive Graphic Design using Illustrator</div></td>
    <td class="back3">&nbsp;</td>
  </tr>
  <tr>
    <td class="back4">&nbsp;</td>
    <td id="warnaback">
<div class="bingkai">
		<!-- mulai menu -->
        <div id="menuZ">
	    	<img src="images/273446_578589709_1518538104_q.jpg"/>
        </div>
        <div id="menuX">
        	<div id="userX"> Hi, Ady | <a href="#">Logout</a></div>
            <div class="clear"></div>
        	<div class="menuY"><a href="#">Hasil SF</a> | </div>
            <div class="menuY"><a href="#">Hasil Poll</a> | </div>
            <div class="menuY"><a href="#">Absen Peserta</a></div>
            <div class="clear"></div>
        </div>
        <!-- selesai menu -->
        <!-- mulai kontent -->
	  <div id="all">
        	<div id="overallscore" class="jeruk0" >Overall Score:</div>
            <div id="isikontentatas">
            	<div id="isikontentatas-kiri"class="jeruk1">
                    <table border="0" cellpadding="0" cellspacing="0" id="papan0" class="droid">
                      <tr>
                        <td id="overall1">87</td>
                        </tr>
                      <tr>
                        <td id="overall2">A+</td>
                        </tr>
                      <tr>
                        <td>Very Good</td>
                        </tr>
                    </table>
                </div>
            	<div id="isikontentatas-kanan">
                	<div id="score1" class="jeruk2">
                        <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td class="kecil2">Clik on the number of session, for see the detail score of course</td>
                        </tr>
                        <tr>
                          <td><table border="0" cellpadding="2" cellspacing="0" id="papan" class="droid">
                            <tr>
                              <th>Sesi ke</th>
                              <td class="tcenter "><a href="#">1</a></td>
                              <td class="tcenter "><a href="#">2</a></td>
                              <td class="tcenter "><a href="#">3</a></td>
                              <td class="tcenter "><a href="#">4</a></td>
                              <td class="tcenter "><a href="#">5</a></td>
                              <td class="tcenter "><a href="#">6</a></td>
                              <td class="tcenter "><a href="#">7</a></td>
                              <td class="tcenter "><a href="#">8</a></td>
                              <td class="tcenter "><a href="#">9</a></td>
                              <td class="tcenter "><a href="#">10</a></td>
                              <td class="tcenter "><a href="#">11</a></td>
                              <td class="tcenter "><a href="#">12</a></td>
                              <td class="tcenter "><a href="#">13</a></td>
                              <td class="tcenter "><a href="#">14</a></td>
                              <td class="tcenter2 ">&nbsp;</td>
                            </tr>
                            <tr>
                              <th>Score</th>
                              <td class="tdkiri">98</td>
                              <td class="tdkiri">97</td>
                              <td class="tdkiri">85</td>
                              <td class="tdkiri">75</td>
                              <td class="tdkiri">90</td>
                              <td class="tdkiri">88</td>
                              <td class="tdkiri">78</td>
                              <td class="tdkiri">75</td>
                              <td class="tdkiri">100</td>
                              <td class="tdkiri">50</td>
                              <td class="tdkiri">&nbsp;</td>
                              <td class="tdkiri">&nbsp;</td>
                              <td class="tdkiri">&nbsp;</td>
                              <td class="tdkiri">&nbsp;</td>
                              <td>&nbsp;</td>
                            </tr>
                          </table></td>
                        </tr>
                      </table>
                    </div>
                    <div id="score2" class="jeruk3">
                        <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td valign="top"><table border="0" cellpadding="0" cellspacing="0" id="papan2" class="droid">
                            <tr>
                              <td>Materi</td>
                              <td>Instruktur</td>
                              <td>Asisten</td>
                            </tr>
                            <tr class="each">
                              <td>89</td>
                              <td>90</td>
                              <td>84</td>
                            </tr>
                            </table></td>
                          <td id="chart"><span id="grafik" class="inlinesparkline">85,98,85,75,78,55,88,75,75,100,76</span></td>
                          </tr>
                        </table>
                  </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <!---->
        <div id="sesi">
            <div id="kontentbawah1">
            		<table class="droid" id="persesi" width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td class="persesi">Sesi</td>
						</tr>
						<tr>
						  <td class="persesi2">8</td>
						</tr>
					  </table>
            
            </div>
            <div id="kontentbawah2">
            <table  class="droid" border="0" cellpadding="0" cellspacing="0" id="isi1">
                    <tr>
                      <td valign="top" class="yoi yoi2">Overall</td>
                      <td valign="top" class="yoi3">80.3</td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi yoi2">Grade</td>
                      <td valign="top" class="yoi3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td class="yoi2">B</td>
                        </tr>
                        <tr>
                          <td class="kecil">Very Good</td>
                        </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi yoi2">Materi</td>
                      <td valign="top" class="yoi3">85.4</td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td class="yoi2">Instruktur</td>
                        </tr>
                        <tr>
                          <td class="kecil">Ady Saputra</td>
                        </tr>
                      </table>
                      </td>
                      <td valign="top" class="yoi3">80.6</td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td class="yoi2">Asisten-1</td>
                        </tr>
                        <tr>
                          <td class="kecil">Anwari Ilman</td>
                        </tr>
                      </table>
                      </td>
                      <td valign="top" class="yoi3">77.0</td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td class="yoi2">Asisten-2</td>
                        </tr>
                        <tr>
                          <td class="kecil">Eric Cristopher</td>
                        </tr>
                      </table>
                      </td>
                      <td valign="top" class="yoi3">90.8</td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi yoi2">Likes</td>
                      <td valign="top" class="yoi3">75%</td>
                    </tr>
                    <tr>
                      <td valign="top" class="yoi yoi2">Hadir</td>
                      <td valign="top" class="yoi3">80%</td>
                    </tr>
                  </table>
            
            </div>
            <div id="kontentbawah3">
            <table border="0" cellpadding="0" cellspacing="0" id="isi2">
						<tr>
						  <td valign="top">
							  <table  class="droid" border="0" cellpadding="0" cellspacing="0" id="isi3">
								<tr>
								  <td valign="top" class="yoi yoi2">Komentar</td>
								  <td valign="top" class="yoi4">8</td>
								</tr>
							  </table>
						  </td>
						</tr>
						<tr>
						  <td valign="top">
							  <table width="100%" border="0" cellpadding="0" cellspacing="0" id="komentar">
								<tr>
								  <td><span class="cen">Ami Nellasari: </span> Instrukturnya unyuuu ...</td>
								</tr>
								<tr>
								  <td><span class="cen">Tukul Arwana: </span>Ngajarnya kecepetan kayak bemo dikejar becak</td>
								</tr>
								<tr>
								  <td><span class="cen">Reynaldy: </span>mantab gean, pengen nambah</td>
								</tr>
								<tr>
								  <td><span class="cen">Mohammad Azki: </span>ngantuk saya mah, soalnya suara instrukturnya kayak lagu nina bobo</td>
								</tr>
								<tr>
								  <td><span class="cen">Nikita Willy: </span>ok lah</td>
								</tr>
							  </table>
						  </td>
						</tr>
					  </table>
                      <table width=""   border="0" cellpadding="0" cellspacing="0" id="isi4">
						  <tr>
							<td valign="top">
								<table  class="droid" border="0" cellpadding="0" cellspacing="0" id="isi5">
								  <tr>
									<td valign="top" class="yoi yoi2">Tanggapan</td>
									<td valign="top" class="yoi4">2</td>
								  </tr>
								</table>
							</td>
						  </tr>
						  <tr>
							<td valign="top">
								<table width="100%" border="0" cellpadding="0" cellspacing="0" id="tanggapan">
								  <tr>
									<td><span class="cen">ady Saputra: </span> ada yg unyu gan</td>
								  </tr>
								  <tr>
									<td><span class="cen">Bharata Kalbuaji:</span> asisten gabut</td>
								  </tr>
								</table>
							</td>
						  </tr>
						</table>
            </div>
        <div class="clear"></div>
       	<div id="kontentbawah4">
        					<table id="opo" width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
								<tr>
								<td>
									<label for="textarea"></label>
									<textarea name="textarea" id="comment" class="clearField" cols="45" rows="5">Add Comment ...</textarea>
								</td>
								<td valign="top" align="left"><input type="submit" name="button" id="kirim" value="" /></td>
								</tr>
				  			</table>
        </div>        
       	<!-- selesai kontent -->
		<!----->
        <div id="footerX" class="">Copyright ©2011 CIC Team | Credits</div>
        </div>

</div>        
	</td>
    <td class="back5">&nbsp;</td>
  </tr>
  <tr>
    <td class="back6">&nbsp;</td>
    <td class="back7">&nbsp;</td>
    <td class="back8">&nbsp;</td>
  </tr>
</table>
</body>
</html>
